@charset "utf-8";

/* base */
body,a{color: #333;}
.container .position p{border-bottom-color: #062f80;}
.page .pcurrent a,
.page a:hover{border-color: #062f80;color:#062f80;}
a:hover,
.container .position p span,
.foot-button em,
.foot-button i,
.foot-button a:hover span,
.foot-button a.active span,
.online_box p:hover::after,
.online_box p span:hover,
.online_box p.r_open:hover{color: #062f80;}
.navico.nav_open span{background: #fff;}
.navico span,
.navico span::before,
.navico span::after,
.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #062f80;}


/* top */
.topbox{height: 40px;background: #fafafa;font-size: 13px;line-height: 40px;color: #666;border-bottom: 1px solid #e6e6e6;}
.topbox .w1440{overflow-x: auto;}

@media only screen and (max-width:1024px){
.topbox{display: none;}
}

/* headbox */
.headbox .logo{float: left;}
.headbox .logo a{display: block;padding: 34px 0;font-weight: 600;color: #062f80;}
.headbox .logo .llogo p{float: left;}
.headbox .logo .llogo span{float: left;font-size: 36px;line-height: 62px;padding-left: 5px;}
.headbox .logo .mlogo{font-size: 30px;line-height: 50px;display: none;}

.headbox .tel{float: right;padding: 50px 0 30px 50px;background: url(../images/icon1.png) left center no-repeat;font-weight: 600;}
.headbox .tel span{color: #062f80;display: block;padding-left: 35px;line-height: 20px;}
.headbox .tel p{font-size: 30px;color: #f2a100;line-height: 30px;}

@media only screen and (max-width:1250px){
.headbox .logo a{padding: 24px 0;}
.headbox .logo .llogo p{width: 420px;}
.headbox .logo .llogo span{display: none;}
.headbox .tel{padding: 40px 0 20px 50px;}
}
@media only screen and (max-width:1024px){
.headbox{width: 100%;height: 60px;position: fixed;box-shadow: 0 3px 6px rgba(128,128,128,.2);z-index: 9999999;background: #fff;}
.headbox .logo a{padding: 5px;}
.headbox .logo .mlogo{display: block;}
.headbox .logo .llogo,
.headbox .tel{display: none;}
}
@media only screen and (max-width:768px){
.headbox{height: 50px;}
.headbox .logo a{padding: 0 5px;}
}

/* navbox */
.navbox{position: relative;z-index: 999;}
.navbox ul li{position: relative;z-index: 1;}
.navbox ul li a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #fff;line-height: 30px;z-index: 1;position: relative;}

@media only screen and (min-width:1025px){
.navbox,
.navbox .cutbox{width: 100%;height: 50px;background: #062f80;}
.navbox ul{width: 96%;max-width: 1440px;margin: 0 auto;}
.navbox ul li{width: 12.5%;float: left;text-align: center;}
.navbox ul li[t="348"],
.navbox ul li[t="344"],
.navbox ul li[t="343"]{display: none;}
.navbox ul li > a{font-size: 15px;font-weight: 600;padding: 10px 5px;}

.navbox ul li dl{width: 100%;position: absolute;left: 0;top: 100%;background: rgba(6,47,128,.9);opacity: 0;}
.navbox ul li #navcla{width: 160px;left: 50%;margin-left: -80px;}
.navbox ul li dl a{padding: 0 5px;border-top: 0 solid rgba(255,255,255,.2);font-size: 13px;height: 0;}
.navbox ul li dl a:hover{background: #f2a100;}
.navbox ul li dl span{display: none;}

.navbox ul li.active > a{background: #f2a200;}
.navbox ul li:hover dl{opacity: 1;}
.navbox ul li:hover dl a{padding: 8px 5px;border-top-width:1px;height: 47px;}
}
@media only screen and (min-width:1250px){
.navbox ul li{width: 10%;}
.navbox ul li[t="348"],
.navbox ul li[t="344"],
.navbox ul li[t="343"]{display: block;}
.navbox ul li[t="problems"]{display: none;}
}
@media only screen and (max-width:1024px){
.navbox{height: 60px;}
.navbox .cutbox{width: 100%;height: 0;overflow: hidden;position:fixed;left: 0;top:0;background:#333;z-index: 1;}
.navbox .cutbox.nav_on{height:100%;}
.navbox ul{width:100%;height:calc(100vh - 130px);overflow-y:auto;position:absolute;left:0;top:70px;padding:0 3%;}
.navbox ul li{width:100%;border-bottom:1px solid #555;padding: 0;position: relative;z-index: 5;-webkit-transition: .5s;transition: .5s;}
.navbox ul li > a{padding: 10px;}
.navbox ul li.active,
.navbox ul li:hover{z-index: 6;}
.navbox ul li.active > a{color: #ffb51f;font-weight: 600;}

.navbox ul li dl{width: 100%;position: absolute;left: 0;top: 100%;background: #1d6ebf;z-index: 2;}
.navbox ul li dl span{display: block;width: 50px;height: 50px;position: absolute;top: -50px;right: 0;text-align: center;line-height: 50px;color: #ccc;font-size: 16px;z-index: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.navbox ul li dl span svg{height: 50px;line-height: 50px;}
.navbox ul li dl a{height: 0;background: #3380cc;padding: 0 15px;line-height: 40px;}
.navbox ul li dl a:hover{background: #f2a200;font-weight: 600;}
.navbox ul li dl a.on{height: 40px;margin-bottom: 1px;}
.navbox ul li dl span.on{-webkit-transform: rotateZ(90deg);-moz-transform: rotateZ(90deg);transform: rotateZ(90deg);}
}
@media only screen and (max-width:768px){
.navbox{height: 50px;}
.navbox ul{height:calc(100vh - 120px);top:60px;}
}

/*banner*/
.bannerpic{height: 0;padding-bottom: 450px;}

#shutter .btn p{background: rgba(6,47,128,.5);}
#shutter .btn p:hover{background: rgba(240,160,0,.9)}

@media only screen and (max-width:1250px){
.bannerpic{padding-bottom: 36%;}
}
@media only screen and (max-width:768px){
.banner{display: none;}
}

/* search */
.searchbox{padding: 20px 0;background: #f5f5f5;}
.searchbox .txt{width: 62%;float: left;padding-left: 90px;position: relative;line-height: 36px;overflow: hidden;}
.searchbox .txt .tit{position: absolute;left: 0;top: 0;background: #f5f5f5;color: #062f80;font-weight: 600;}
.searchbox .txt p{width: 100%;overflow-x: auto;white-space: nowrap;}

.searchbox .search{width: 35%;float: right;overflow: hidden;position: relative;max-width: 360px;}
.searchbox .search p{width: 100%;background: #fff;border: 1px solid #062f80;}
.searchbox .search p input{line-height: 24px;padding: 5px 10px;overflow: hidden;display: block;width: 100%;}
.searchbox .search span{display: block;width: 60px;position: absolute;right: 0;top: 0;background: #062f80;text-align: center;}
.searchbox .search span svg{color: #fff;height: 36px;line-height: 36px;font-size: 18px;}
.searchbox .search em{display: block;width: 60px;position: absolute;right: 0;top: 0;}
.searchbox .search em input{width: 100%;height: 36px;cursor: pointer;background: none;}

@media only screen and (max-width:1250px){
.searchbox{padding: 15px 0;}
}
@media only screen and (max-width:1024px){
.searchbox{padding: 15px 0 2px;}
.searchbox .txt{width: 100%;line-height: 30px;padding: 5px 0 5px 90px;font-size: 14px;}
.searchbox .txt .tit{top: 5px;}
.searchbox .search{width: 100%;max-width: 100%;}
}

/* footbox */
.footbox{background:#2d2d2d;color: #aaa;line-height: 30px;border-top: 1px solid #999;}
.footbox a{color: #aaa;}
.footbox a:hover{color: #fff;}

.footbox .w1440{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: flex;flex-wrap: nowrap;padding: 50px 0;}
.footbox .txt{float: left;flex-shrink: 0;overflow: hidden;padding: 0 2% 0 3.5%;border-left: 1px solid #454545;}

.footbox .titl{width: 100%;margin-bottom: 15px;line-height: 1.2;}
.footbox .titl p{font-size: 16px;font-weight: 600;color: #fff;padding: 5px 0;}

.footbox .txt.foot_nav{width: 16%;padding-left: 0;border: 0;}
.footbox .txt.foot_nav .cont p{width: 50%;float: left;padding-right: 10px;}

.footbox .txt.foot_cla{width: 27%;padding-right: 3%;}
.footbox .txt.foot_cla .cont li{display: inline;padding-right: 5px;}
.footbox .txt.foot_cla .cont li a{white-space: nowrap;}

.footbox .txt.foot_new{width: 17%;}

.footbox .txt.foot_pro{width: 40%;padding-right: 0;}
.footbox .txt.foot_pro li{width: 33.33%;float: left;}
.footbox .txt.foot_pro li a{display: block;width: 100%;padding-right: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.footbox .txt.foot_pro .cont{height: 120px;overflow: hidden;}

.bottombox{padding: 20px 1%;background: #191919;text-align: center;color: #aaa;line-height: 24px;}
.bottombox .txt2 em{position: relative;display: inline-block;padding-left: 25px;font-style: normal;}
.bottombox .txt2 em img{position: absolute;left: 0;top: 2px;}

@media only screen and (max-width:1250px){
.footbox .w1440{padding: 35px 0;}
.footbox .txt{padding: 0 1% 0 3%;}
.footbox .foot_cla{width: 27%;padding-right: 3%;}
}
@media only screen and (max-width:1024px){
.bottombox .txt1 p,
.footbox .w1440{display: none;}
.bottombox{padding: 15px 1%;}
.bottombox .txt1 p:first-child{display: block;}
}